<!DOCTYPE html>
<html style="font-size: 23.4375px;">
<head>
    <include file="./public/header.html"/>
    <style>
        html,body{background: #fff; font-family: "Microsoft Yahei", "hiragino sans gb", Helvetica, Arial, Tahoma;}
        .zhui_tab{box-sizing: border-box; padding: 10px 15px; border-bottom: 1px solid #ddd; background: #f2f4f7;  border-top: 1px solid #ddd;}
        .zhui_tab span{display: inline-block; font-size:14px; padding: 4px 5px; line-height:20px; border-radius: 3px; text-align: center; color: #555; margin-right: 10px;}
        .zhui_tab span.on{background: #ff9726; color: #fff;}
        .zhui_res{}
        .zhui_res table{    border-collapse: collapse;  border-spacing: 0; font-size: 12px; width: 100%;}
        .zhui_res td{border:1px solid #eee; text-align: center; padding:10px 0; color: #666;}
        .fx_zhui_tou { display: inline-block;  border-radius: 2px; padding:2px 4px; background: #ea6a31; color: #fff; }
    </style>
</head>
<body >
<div id="app">
    <div id="shadow" style="display: none;"></div>
    <header class="top"><span>{$lottery_class.name}</span> <!---->
        <div class="iconfont back" ></div>
        <a href="{:U('Index/zhui')}" class="iconfont back on"></a>
    </header>
    <div data-v-10509cf0="" id="index" class="main">
        <div data-v-10509cf0="" class="hr1px"></div>
        <div class="zhui_tab">
            <span class="on">冠军</span>
        </div>
        <div class="zhui_res">
            <table class="on">
                <thead>
                    <tr>
                        <td  style="width: 25%">计划期号</td>
                        <td  style="width: 35%" colspan="2" class="fx_tj_name"><span>冠军</span>推荐号</td>
                        <td style="width: 35%">结果</td>
                    </tr>
                </thead>
                <tbody>
                <foreach name="he" item="va">
                    <tr>
                        <td style="width: 25%">第{$va.iss}期</td>
                        <td style="width: 23%">{$va.he}</td>
                        <td style="width: 17%"> <?php if($lottery_class_id==21){ ?>
                            <a href="{:U('Lottery/pk10')}" class="fx_zhui_tou">立即投注</a>
                            <?php } ?>
                        </td>
                        <td style="width: 35%">{$va.status}</td>
                    </tr>
                </foreach>
                </tbody>
            </table>
        </div>
    </div>
</div>

<script>
$(".zhui_tab span").click(function(){
    $(this).addClass("on").siblings().removeClass("on");
    var txt = $(this).text();
    $(".fx_tj_name span").text(txt);
})
</script>
</body>
</html>